*{
    margin: 0px;
    padding: 0px;
}
.cleerFloat::after {
    content: '';
    display: block;
    clear: both;
}
a{
    text-decoration: none;
    color: #666;
}
ul {
    list-style-type: none;
}
body{
    background-color: #F7F7F7;
}
html {
    font-size: 50px;
}
@media screen and (min-width: 320px){
    html{
        font-size: 32px;
    }
}
@media screen and (min-width: 360px){
    html{
        /* font-size: 24px; */
        font-size: 36px;
    }
}
@media screen and (min-width: 375px){
    html{
        font-size: 37.5px;
    }
}
@media screen and (min-width: 384px){
    html{
        font-size: 3.84px;
    }
}
@media screen and (min-width: 400px){
    html{
        /* font-size: 26.67px; */
        font-size: 40px;
    }
}
@media screen and (min-width: 414px){
    html{
        font-size: 41.4;
    }
}
@media screen and (min-width: 750px) {
    html{
     font-size: 75px !important; 
    }
} 
.box {
    margin: 0px auto;
    width: 10rem;
}
/* 顶部一栏 */
.searchDiv{
    height: 2.4rem;
    font-size: 0.5rem;
    /* background-color: #FFDB47; */
    background: url('../image/searchBG.png') no-repeat;
    background-size: auto 2.4rem;
    
}
/* 顶部分类一栏*/
.searchTop {
    display: flex;
    height: 1.173rem;
    overflow: hidden;
}
/* 分类图标 */
.fl {
    width: 0.48rem;
    height: 0.8rem;
    margin: .2rem 0rem 0rem .466rem;
    background: url('../image/fl.png') no-repeat;
    background-size: 100% auto;
}
/* 横幅特价 */
.tj{
    flex: 1;
    text-align: center;
}
.tj img{
    width: 5.2rem;
    height: 1.01rem;
    margin-top: 0.09333rem;
}
/* 登陆图标 */
.login{
    width: .48rem;
    height: .8rem;
    margin-top: .2533rem;
    margin-right: .466rem;
    background-color: red;
    background: url('../image/login.png') no-repeat;
    background-size: 100% auto;
}
/* 搜索区域 */
.searchInput {
    display: flex;
    width: 100%;
    height: 1.2266rem;
    /* background-color: #FFDB47; */
}
/* 屏幕下拉时，搜索区域固定再视口顶部 */
.searchPosFixed {
    position: fixed;
    max-width: 750px;
    top: 0px;
    z-index: 999;
}
.searchInput a{
    flex: 1;
    position: relative;
    top: 50%;
    transform:translateY(-50%);
    height: .8533rem;
    margin: 0px .3333rem;
    line-height: .8533rem;
    border-radius: .58665rem;
    font-size: 0.35rem;
    padding-left: .88rem;
    background-color: #fff;
}
.searchInput a::before{
    content: '';
    display: inline-block;
    position: absolute;
    height: .4266rem;
    width: .4266rem;
    top: .25rem;
    left: .36rem;
    background: url('../image/jd-sprites.png') no-repeat;
    background-size: 80% auto;
    /* background-color: brown; */
}
/* 搜索区域的“分类”和“登陆”。正常情况下不显示，当屏幕下滑到一定高度时，搜索框显示时才显示*/
.scroll_dis {
    display: none;
}
.searchBG{
    background: url(../image/searchBG.png) no-repeat;
}

/* 轮播图 */
.lbtDiv {
    position: relative;
    height: 3.053rem;
    background: url('../image/lbtBGpng2.png') no-repeat;
    background-size: auto 4.58rem;;
}
/* 轮播图的展示窗口 */
.lbtWindow {
    width: 9.36rem;
    height: 3.0533rem;
    border-radius: 0.4rem;
    margin: 0px auto;
    overflow: hidden;
}
/* 实际的轮播图 */
.lbtWindow ul {
    display: flex;
    width: 700%;
    margin-left: -9.36rem;
}
.lbtWindow ul li{
    width: 9.36rem;
    height: 3.0533rem;
}
/* 第零张图 */
.lbt_0 {
    background: url('../image/lbt_5.jpg') no-repeat;  
    background-size: 10.1rem 4.89rem;
    background-position: -0.346rem -1.8533rem;
}
/* 第一张图 */
.lbt_1{
    background: url('../image/lbt_1.jpg') no-repeat;  
    background-size: 10.1rem 4.89rem;
    background-position: -0.346rem -1.8533rem;
}
/* 第二张图 */
.lbt_2{
    background: url('../image/lbt_2.jpg') no-repeat;
    background-size: 10.1rem 4.89rem;
    background-position: -0.346rem -1.8533rem;
}
/* 第三张图 */
.lbt_3{
    background: url('../image/lbt_3.jpg') no-repeat;
    background-size: 10.1rem 4.89rem;
    background-position: -0.346rem -1.8533rem;
}
/* 第四张图 */
.lbt_4{
    background: url('../image/lbt_4.jpg') no-repeat;
    background-size: 10.1rem 4.89rem;
    background-position: -0.346rem -1.8533rem;
}
/* 第五张图 */
.lbt_5{
    background: url('../image/lbt_5.jpg') no-repeat;
    background-size: 10.1rem 4.89rem;
    background-position: -0.346rem -1.8533rem;
}
/* 尾巴最末尾多出的一张 */
.lbt_6{
    background: url('../image/lbt_1.jpg') no-repeat;
    background-size: 10.1rem 4.89rem;
    background-position: -26px -139px;
}
/* 轮播图控制按钮 */
.lbtBtn {
    display: flex;
    position: absolute;
    bottom: .0999rem;
    left: 50%;
    transform:translateX(-50%);
    justify-content: center;
}
.lbtBtn li{
    width: .15rem;
    height: .15rem;
    border-radius: 50%;
    margin: 0px .0666rem;
    background-color: rgba(0, 0, 0, 0.3);
    transition: all 0.8s;/*变换的过渡效果*/
}
/* 轮播图按钮的选中效果 */
.lbtBtnACtiv{
    background-color: #fff !important;
    width: .35rem !important;
    border-radius: .75rem !important;
}
.lbjDiv{
    /* 解决图片之间的缝隙分体。用flex更合适 */
    font-size: 0rem;
}
/* 腊八到 抢年货 */
.lbj {
    width: 100%;
}
.lbj img{
    width: 100%;
}
/* 腊八到 抢年货下面的 三个TAB分类选项 */
.lbjTAB a{
    display: inline-block;
    width: 33.33%;
    background-color: #666;
}
.lbjTAB a img{
    width: 100%;
}
/* 功能列表 */
.funList li{
    display: inline-block;
    float: left;
    width: 20%;
    /* height: 1.893rem; */
    text-align: center;
    font-size: .29rem;
    color: #666;
}
.funList li img{
    display: block;
    margin: 17px auto 5px auto;
    width: 1.12rem;
}
/* 新人红包一栏 */
.NewRedEnvelope{
    display: flex;
    font-size: 0px;
    margin-top: .5333rem;
}
.NewRedEnvelope a{
    flex: 1;
}
.NewRedEnvelope a img {
    height: 3.0933rem;
}
.NewRedEnvelope a:nth-of-type(1){
    flex: 2;
    border-right: 2px solid #fff;
}
.NewRedEnvelope a:nth-of-type(2){
    border-right: 2px solid #fff;
}
.NewRedEnvelope a img{
    width: 100%;
} 

/* 天天低价和苏宁秒杀 */
.lowAndSeckill {
    display: flex;
    width: 9.35rem;
    margin: .2666rem auto 0px auto;
    background-color: #fff;
    border-radius: .24rem .24rem 0 0;
    overflow: hidden;
}
/* 天天低价 */
.everyDayLow{
    flex: 1;
    padding: .3rem;
    box-sizing: border-box;
    border-right: solid rgb(241, 241, 241) 1px;
}
.title {
    font-size: 0.25rem;  
}
h5 {
    font-size: .38rem;
    display: inline-block;
}
.title .time{
    display: inline-block;
    font-weight: bold;
    margin-left: .0933rem;
}
.title .time span{
    padding: .02666rem .07rem;
    background-color: #ffcc00;
    border-radius: 7px;
    margin: 0px .0666rem;
}
.describe {
    margin-top: .0933rem;
    color: #666;
}
.everyDayLow ul{
    display: flex;
    margin-top: .0933rem;
}
.everyDayLow ul li{
    display: flex;
    flex-direction: column;
    flex: 1;
    /* border: 1px solid red; */
    align-items: center;
}
.everyDayLow ul li img{
    width: 1.6rem;
}
.everyDayLow ul li span{
    font-size: 0.3rem;
    color: #ff5500;
}
/* 苏宁秒杀 */
.seckill {
    flex: 1;
    padding: .3rem;
}
.seckill ul{
    display: flex;
    margin-top: .0933rem;
}
.seckill ul li{
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    flex: 1;
    /* background-color: black; */
    padding-bottom: .4rem;
}
.seckill ul li img{
    width: 1.6rem;
}
.seckill ul li span{
    position: absolute;
    bottom: 0px;
    z-index: 999999;
    width: 100%;
    padding-top: .2666rem;
    text-align: center;
    font-size: .25rem;
    background: url('../image/ms_bg.png') no-repeat;
    background-size: 100% auto;
    /* background-position-y: -0.28rem; */
}

/* 新品首发和苏宁拼购 */
.newProducts {
    border-radius: 0px;
    margin-top: 0px;
    border-bottom: solid rgb(241, 241, 241) 1px;
}
.newProducts .seckill:nth-child(1){
    border-right: solid rgb(241, 241, 241) 1px;
}

/* 底部固定功能区域 */
.fun {
    position: fixed;
    z-index: 999999;
    max-width: 750px;
    width: 100%;
    bottom: 0px;
    background-color: #fff;
}
.fun ul{
    display: flex;
}
.fun ul li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 1.3333rem;
    flex: 1;
    box-sizing: border-box;
    font-size: 0.3rem;
}
.fun ul li img{
    width: .64rem;
}





